<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    1.标准浏览器的事件对象是事件处理函数的一个隐藏参数
    <script>
        // document.onclick=function(e){
        //     console.log(e);//鼠标事件(PointerEvent)
        // }
    </script>
    2.老版本ie浏览器下面,默认自带event,天生有
    <script>
        // document.onclick=function(){
        //     console.log(event);
        // }
    </script>

    <!-- 兼容的方式来获取事件对象 -->
    <script>
        document.onclick=function(e){
            e=e || event;
            console.log(e);
            console.log(e.type);
            console.log(e.offsetX);
            console.log(e.offsetY);
            console.log(event.offsetX);
            console.log(event.offsetY);
        }
    </script>

</body>
</html>